﻿@model LYWebsite.Models.UserModel
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绿源充电环球跑</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link href="~/Content/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="~/Content/bootstrap/css/prettify.css" rel="stylesheet">
    <link href="~/Content/css/flat-ui.css" rel="stylesheet">
    <link href="~/Content/css/docs.css" rel="stylesheet">
    <link href="~/Content/css/1.css" rel="stylesheet">

    <link rel="shortcut icon" href="~/Content/images/favicon.ico">

    <script src="~/Content/js/jquery-1.8.3.min.js"></script>
    <script src="~/Content/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="~/Content/js/jquery.ui.touch-punch.min.js"></script>
    <script src="~/Content/js/bootstrap.min.js"></script>
    <script src="~/Content/js/bootstrap-select.js"></script>
    <script src="~/Content/js/bootstrap-switch.js"></script>
    <script src="~/Content/js/flatui-checkbox.js"></script>
    <script src="~/Content/js/flatui-radio.js"></script>
    <script src="~/Content/js/jquery.tagsinput.js"></script>
    <script src="~/Content/js/jquery.placeholder.js"></script>
    <script src="~/Content/js/typeahead.js"></script>
    <script src="~/Content/bootstrap/js/google-code-prettify/prettify.js"></script>
    <script src="~/Content/js/application.js"></script>
    <script src="~/Content/js/unslider.min.js"></script>
        <script>
        var desc = " @ViewData["username"] 已经参加了绿源充电环球跑活动，大家快来帮ta充充电，让ta实现环球游的梦想吧！";
            var share_data = { "appid": "wxe6f67bfba104b400", "img_url": "http:\/\/115.29.204.6\/Content\/images\/logo\/Logo.png", "img_width": "80", "img_height": "80", "link": window.location.href, "title": desc, "desc": "绿源充电赢大奖活动~~~" };

            if ($('.bdwrap').height() <= 418) {
                $('.bdwrap').addClass('small-height');
            }

            document.addEventListener('WeixinJSBridgeReady', function () {
                WeixinJSBridge.call('showOptionMenu');
                WeixinJSBridge.call('hideToolbar');

                // 朋友圈
                WeixinJSBridge.on('menu:share:timeline', function (argv) {
                    WeixinJSBridge.invoke('shareTimeline', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });

                // 发送给好友
                WeixinJSBridge.on('menu:share:appmessage', function (argv) {
                    WeixinJSBridge.invoke('sendAppMessage', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });

                $('#share').click(function () {
                    WeixinJSBridge.invoke('shareTimeline', {
                        appid: share_data.appid,
                        img_url: share_data.img_url,
                        img_width: share_data.img_width,
                        img_height: share_data.img_height,
                        link: share_data.link,
                        desc: share_data.desc,
                        title: share_data.title
                    }, function () { });
                });
            });

    </script>
    <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <ul class="breadcrumb">
                            <img src="~/Content/images/logo/绿源.png"/>
                        <li class="active" style="color: #006400; font-weight: bold;">
                            我的信息
                        </li>
                    </ul>
                </div>
            </div>

        </div>
	
</head>

    <body style="background-color: #8cc63e;" background="~/Content/images/background/congruent_pentagon.png">
        
        
        <div class="container-fluid info">
            <div class="row-fluid">
                <div class="span12">
                    
                        <div class="carousel slide" id="carousel-527680">
                        @*<ol class="carousel-indicators">
                            <li data-slide-to="0" data-target="#carousel-527680">
                            </li>
                            <li data-slide-to="1" data-target="#carousel-527680">
                            </li>
                            <li data-slide-to="2" data-target="#carousel-527680" class="active">
                            </li>
                        </ol>*@
                        <div class="carousel-inner">
                            <div class="item">
                                <img alt="" src="" />
                                <div class="carousel-caption">
                                    
                                    
                                </div>
                            </div>
                            <div class="item">
                                <img alt="" src="" />
                                <div class="carousel-caption">
                                    
                                </div>
                            </div>
                            <div class="item active">
                                <img alt="" src="@Model.locationImage" />
                                <div class="carousel-caption" align="center">
                                    <div align="center">
                                        <img src="@ViewData["userimg"]"  class="img-rounded img-responsive">
                                    </div>
                                    
                                    <p style="color: #fff0f5">
                                        Hi @Model.userName ,你已经到了 @Model.locationName 快叫上你的小伙伴们来帮你充电，赢取丰厚奖品吧！ 
                                    </p>
                                    <p  style="color: #fff0f5">你的充电次数已达 @Model.chargingTimes</p>
                                </div>
                            </div>
                        </div>
                         @*<a data-slide="prev" href="#carousel-527680" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-527680" class="right carousel-control">›</a>*@
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <div align="center" width="100%">
                                <p class="words">我的爱车</p>

                            </div>
                            
                           @if (Model.carName == "云领")
                           {
                               <div align="center">
                                       <img width="100%" src="~/Content/images/car/云领.png" /><br/>
                                       <p style="color: black; font-size: larger;">云领 </p>
                               </div>
                                <div align="center" width="100%">
                                    <a class="btn btn-embossed  btn-warning" href="http://mp.weixin.qq.com/s?__biz=MjM5MDI0NDU2MA==&mid=200976594&idx=1&sn=532dce0e4196db709a73d5666529364a#rd">查看详细信息 »</a>
                                </div>
                           }
                           else if (Model.carName == "米欧")
                           {
                               
                               <div align="center">
                                       <img width="100%" src="~/Content/images/car/米欧.png" /><br/>
                                       <p  style="color: black; font-size: larger;">米欧 </p>
                               </div>
                                <div align="center" width="100%">
                                    <a class="btn btn-embossed  btn-warning" href="http://mp.weixin.qq.com/s?__biz=MjM5MDI0NDU2MA==&mid=200856598&idx=1&sn=087741dd1a3d29e3f2e7398865f87e82#rd">查看详细信息 »</a>
                                </div>
                           }
                                <br/>
                                <div align="center" width="100%">
                                    <div id="cover" onclick="document.getElementById('cover').style.display = '';" style="display:none;">
                                        <img src="~/Content/images/share/guide.png" />
                                    </div>
                                    <button class="green button" onclick="document.getElementById('cover').style.display = 'block';">
                                        <img src="~/Content/images/share/timeline.png" />&nbsp;分享到朋友圈
                                    </button>
                                </div>
                                
         
                        </div>
                    </div>
                </div>
            </div>
        </div>
<br />
 <div id="foot">©2014&nbsp;&nbsp;
            <span>广州玉微营销顾问有限公司提供技术支持
             </span>
    </div>   
    </body>
</html>

